

Vue.component('m-layout', {
	template: `
<div class="m-layout">
	<svg-list></svg-list>
	<div class="m-header">
		<div class="logo-box">
			<img src="./static/image/logo.png"/>
			<span>Beta</span>
		</div>
		<div class="user-info-box">
			<div class="list">
				<div class="item">
					<div class="icon">
						<svg-icon name="pdd"></svg-icon>
					</div>
					<span>拼多多跨境卖家中心</span>
				</div>
				<div class="item">
					<div class="icon">
						<svg-icon name="book"></svg-icon>
					</div>
					<span>学习</span>
				</div>
				<div class="item">
					<div class="icon">
						<svg-icon name="chat"></svg-icon>
					</div>
					<span>运营对接</span>
				</div>
				<div class="item">
					<div class="icon">
						<svg-icon name="rule"></svg-icon>
					</div>
					<span>规则中心</span>
				</div>
				<div class="item">
					<div class="icon">
						<svg-icon name="customer-service"></svg-icon>
					</div>
					<span>客服</span>
				</div>
				<div class="item">
					<div class="icon">
						<svg-icon name="message"></svg-icon>
					</div>
					<span>消息</span>
				</div>
			</div>
			<el-popover
			  placement="bottom-end"
			  width="420"
			  trigger="click"
			  popper-class="account-info-popover">
			  <div slot="reference" class="account-info">
					<div class="shop-icon">
						<svg-icon name="shop"></svg-icon>
					</div>
					<div class="mall-info">
						<div class="name">MinorDefect</div>
						<div class="text">3.2W 人关注</div>
					</div>
					<div class="down">
						<svg-icon name="arrow-down"></svg-icon>
					</div>
				</div>
				<div class="box1">
					<div class="left">
						<img src="./static/image/logo2.png"/>
						<div>
							<div class="name">MinorDefect</div>
							<div class="text">ID：634418210706414</div>
							<div class="flex items-center text-12">
								<span class="mr-5">3.2w 人关注</span>
								<a class="color-blue-500" target="_blank" href="https://www.temu.com/minordefect-m-280543162692.html?goods_id=601099512440902&_x_chnl_src=middle_banner&_x_chnl_act_name=hot-sale&_x_sessn_id=zq93kk19kj&refer_page_name=goods&refer_page_id=10032_1701527912110_uwec30bvq1&refer_page_sn=10032&filter_items=1%3A1">访问我的店铺</a>
							</div>
						</div>
							
					</div>
				</div>
				<div class="box2">
					<div class="btn">
						<svg style="font-size: 16px;margin-right:8px;position:relative;top:3px;"><path d="M13.55,0 C14.4060414,0 15.1,0.693958638 15.1,1.55 L15.1,10.55 C15.1,11.4060414 14.4060414,12.1 13.55,12.1 L1.55,12.1 C0.693958638,12.1 0,11.4060414 0,10.55 L0,1.55 C0,0.693958638 0.693958638,0 1.55,0 Z M13.55,1.1 L1.55,1.1 C1.30147186,1.1 1.1,1.30147186 1.1,1.55 L1.1,10.55 C1.1,10.7985281 1.30147186,11 1.55,11 L13.55,11 C13.7985281,11 14,10.7985281 14,10.55 L14,1.55 C14,1.30147186 13.7985281,1.1 13.55,1.1 Z M5.55,2.5 C6.68218374,2.5 7.6,3.41781626 7.6,4.55 C7.6,5.05164734 7.41981487,5.51121019 7.12063416,5.86749899 C8.29353698,6.4451822 9.1,7.65341133 9.1,9.05 C9.1,9.35375661 8.85375661,9.6 8.55,9.6 C8.24624339,9.6 8,9.35375661 8,9.05 C8,7.69690236 6.90309764,6.6 5.55,6.6 C4.19690236,6.6 3.1,7.69690236 3.1,9.05 C3.1,9.35375661 2.85375661,9.6 2.55,9.6 C2.24624339,9.6 2,9.35375661 2,9.05 C2,7.65341133 2.80646302,6.4451822 3.97909959,5.86560207 C3.68018513,5.51121019 3.5,5.05164734 3.5,4.55 C3.5,3.41781626 4.41781626,2.5 5.55,2.5 Z M12.55,8 C12.8537566,8 13.1,8.24624339 13.1,8.55 C13.1,8.82338095 12.9005429,9.05017619 12.6392129,9.09280143 L12.55,9.1 L11.55,9.1 C11.2462434,9.1 11,8.85375661 11,8.55 C11,8.27661905 11.1994571,8.04982381 11.4607871,8.00719857 L11.55,8 L12.55,8 Z M12.55,5.5 C12.8537566,5.5 13.1,5.74624339 13.1,6.05 C13.1,6.32338095 12.9005429,6.55017619 12.6392129,6.59280143 L12.55,6.6 L10.55,6.6 C10.2462434,6.6 10,6.35375661 10,6.05 C10,5.77661905 10.1994571,5.54982381 10.4607871,5.50719857 L10.55,5.5 L12.55,5.5 Z M5.55,3.6 C5.02532949,3.6 4.6,4.02532949 4.6,4.55 C4.6,5.07467051 5.02532949,5.5 5.55,5.5 C6.07467051,5.5 6.5,5.07467051 6.5,4.55 C6.5,4.02532949 6.07467051,3.6 5.55,3.6 Z M12.55,3 C12.8537566,3 13.1,3.24624339 13.1,3.55 C13.1,3.82338095 12.9005429,4.05017619 12.6392129,4.09280143 L12.55,4.1 L9.55,4.1 C9.24624339,4.1 9,3.85375661 9,3.55 C9,3.27661905 9.19945714,3.04982381 9.46078714,3.00719857 L9.55,3 L12.55,3 Z"></path></svg>
						<span>账号管理</span>
					</div>
					<div class="btn">
						<svg style="font-size: 16px;margin-right:8px;position:relative;top:2px;"><path d="M9.63,0 C10.4384835,0 11.1023932,0.61899397 11.1736657,1.40891841 L11.18,1.55 L11.18,3.25833333 C11.18,3.56208995 10.9337566,3.80833333 10.63,3.80833333 C10.356619,3.80833333 10.1298238,3.60887619 10.0871986,3.34754619 L10.08,3.25833333 L10.08,1.55 C10.08,1.3290861 9.92081236,1.14535247 9.71088807,1.1072501 L9.63,1.1 L1.55,1.1 C1.3290861,1.1 1.14535247,1.25918764 1.1072501,1.46911193 L1.1,1.55 L1.1,12.55 C1.1,12.7709139 1.25918764,12.9546475 1.46911193,12.9927499 L1.55,13 L9.63,13 C9.8509139,13 10.0346475,12.8408124 10.0727499,12.6308881 L10.08,12.55 L10.08,10.8416667 C10.08,10.5379101 10.3262434,10.2916667 10.63,10.2916667 C10.903381,10.2916667 11.1301762,10.4911238 11.1728014,10.7524538 L11.18,10.8416667 L11.18,12.55 C11.18,13.3584835 10.561006,14.0223932 9.77108159,14.0936657 L9.63,14.1 L1.55,14.1 C0.741516491,14.1 0.0776067706,13.481006 0.00633434337,12.6910816 L0,12.55 L0,1.55 C0,0.741516491 0.61899397,0.0776067706 1.40891841,0.00633434337 L1.55,0 L9.63,0 Z M12.8752637,4.6772284 L12.9524848,4.73959314 L14.945326,6.66761622 L14.996,6.729 L15.0264429,6.77496324 L15.050044,6.82061293 L15.0711818,6.87390027 L15.0711818,6.87390027 L15.0870678,6.93107557 L15.0870678,6.93107557 L15.0982503,7.00607925 L15.0982503,7.00607925 L15.1,7.05 L15.1,7.05 L15.0956018,7.11926001 L15.0956018,7.11926001 L15.0870548,7.16897768 L15.0870548,7.16897768 L15.0612726,7.25311275 L15.0612726,7.25311275 L15.0264579,7.32503383 L15.0264579,7.32503383 L14.9972834,7.3702228 L14.9972834,7.3702228 L14.9323838,7.445326 L12.9524848,9.36040686 C12.7341523,9.57159159 12.3859597,9.56579717 12.174775,9.34746464 C11.9870553,9.15339129 11.9707758,8.8567125 12.1228176,8.64485807 L12.1877172,8.56975487 L13.189,7.6 L6.71,7.6 C6.40624339,7.6 6.16,7.35375661 6.16,7.05 C6.16,6.77661905 6.35945714,6.54982381 6.62078714,6.50719857 L6.71,6.5 L13.19,6.5 L12.1877172,5.53024513 C11.9693847,5.3190604 11.9635903,4.97086788 12.174775,4.75253536 C12.3624948,4.558462 12.6584676,4.53231998 12.8752637,4.6772284 Z"></path></svg>
						<span>退出登录</span>
					</div>
				</div>
			</el-popover>
		</div>
	</div>
	<div class="m-body">
		<div class="m-sidebar">
			<el-menu :default-active="activeMenu" class="m-sidebar-menu" @select="menuSelect">
				<template v-for="(aItem, aIndex) in menuList">
					<el-menu-item v-if="!aItem.children" :index="aItem.path">
		        <svg-icon :name="aItem.icon"></svg-icon>
		        <span slot="title">{{aItem.title}}</span>
		      </el-menu-item>
					<el-submenu v-else :index="aItem.path || aIndex">
	      		<template slot="title">
		          <svg-icon :name="aItem.icon"></svg-icon>
		          <span>{{aItem.title}}</span>
		        </template>
	        	<el-menu-item v-for="(bItem, bIndex) in aItem.children" :key="aIndex+'_'+bIndex" :index="bItem.path">{{bItem.title}}</el-menu-item>
		      </el-submenu>
				</template>
	    </el-menu>
		</div>
		<div class="m-container">
			<slot></slot>
		</div>
	</div>
</div>
`,
	data() {
		return {
			activeMenu: this.getActiveMenu(),
			menuList: [
				{title: '首页', icon: 'home', path: './home.html'},
				{title: '商品管理', icon: 'spgl', children: [
					{title: '竟价管理'},
					{title: '招标商品'},
					{title: '商品列表', path: './shopList.html'},
					{title: '新建商品'},
					{title: '样品管理'},
					{title: '尺码表模板'},
					{title: '上新生命周期管理'},
					{title: '模特信息模板'},
					{title: '商品咨询'},
					{title: '图片更新任务'},
					{title: '素材中心'},
					{title: '素材编辑工具'},
					{title: '评价管理'},
					{title: '商品问答配置'},
					{title: '保税商品管理'},
				]},
				{title: '备货单管理', icon: 'bhdgl', children: [
					{title: '我的备货单'},
					{title: '发货台'},
					{title: '发货单列表'},
					{title: '商品条码管理'},
					{title: '地址管理'},
					{title: '生产建议'},
				]},
				{title: '库存管理', icon: 'kcgl', children: [
					{title: '收货/入库异常处理'},
					{title: '退货包惠管理'},
					{title: '退货明细'},
				]},
				{title: '销售管理', icon: 'xsgl', children: [
					{title: '销售管理', path: './saleManage.html'},
					{title: '售罄看板', path: './soldOutKanban.html'},
					{title: '履约看板', path: './performanceKanban.html'},
				]},
				{title: '价格管理', icon: 'jggl', children: [
					{title: '调价管理'},
					{title: '商品跟价'},
				]},
				{title: '结算管理', icon: 'jsgl', children: [
					{title: '资金中心'},
					{title: '对账中心'},
					{title: '资金限制'},
					{title: '结算数据'},
					{title: '银行卡管理'},
					{title: '违规信息'},
					{title: '售后管理'},
					{title: 'EPR费用管理'},
				]},
				{title: '质量管理', icon: 'zlgl', children: [
					{title: '商品质量看板'},
					{title: '质检结果明细'},
				]},
				{title: '系统管理', icon: 'xtgl', children: [
					{title: '授权管理'},
				]},
				{title: '服务市场', icon: 'fwsc', children: [
					{title: '合规服务'},
					{title: '摄影服务'},
				]},
				{title: '店铺营销', icon: 'dpyx', children: [
					{title: '营销活动'},
				]},
				{title: '店铺管理', icon: 'dpgl', children: [
					{title: '店铺装修'},
				]},
				{title: '数据中心', icon: 'sjzx', children: [
					{title: '商品数据'},
				]},
				{title: '合规中心', icon: 'hgzx'},
			]
		}
	},
	methods: {
		getActiveMenu() {
			let pathname = decodeURIComponent(location.pathname);
			let arr = pathname.split('\/');
			let last = arr[arr.length-1];
			let path = './'+last;
			return path;
		},
		// 选中菜单
		menuSelect(index) {
			if(index) {
				window.location.href = index;
			} else {
				ELEMENT.Message.error('该功能暂未上线');
			}
		}
	}
})

const svgList = [
	{name: 'pdd', html: `<path d="M519.2 646.3l209.3 155.2-209.3 158.5 0-313.7z m-14.4 0l0 313.7-209.3-158.4 209.3-155.3z m-71.1 98.8c-30.5 0-55.5 24.7-57.9 56.1 3.5-3.8 8.8-6.2 14.9-6.2 5.7 0 10.8 2.2 14.3 5.7 3.5-3.5 8.6-5.7 14.3-5.7 2.7 0 5.3 0.5 7.6 1.4l0 40.6c0 4.1-3.2 7.4-7 7.4-2.9 0-5.4-1.9-6.5-4.5l-0.5-2.9c0-3.9-3-7-6.8-7.1-3.7 0-6.7 3.1-6.7 7.1 0 11.9 9.2 21.5 20.5 21.5 11.3 0 20.5-9.6 20.5-21.5l0-40.6c2.3-0.9 4.9-1.4 7.6-1.4 5.7 0 10.8 2.2 14.4 5.7 3.5-3.5 8.6-5.7 14.3-5.7 6 0 11.3 2.5 14.8 6.2-2.3-31.4-27.3-56.1-57.8-56.1z m188.5 29.9l-64.6 0c-1.1 0-1.9 0.9-1.9 2l0 59.9c0 5.9 4.6 10.7 10.2 10.7l48.1 0c5.6 0 10.2-4.8 10.1-10.7l0-59.9c0-1.1-0.9-2-1.9-2z m114-300.3l0 313.4-204.7-154.9 204.7-158.5z m-448.4 0l204.7 158.5-204.7 154.9 0-313.4z m302.1 262.2c-2.7 0-4.9 2.3-4.9 5.1l0 1.9c-10.2 1.5-18.4 7.7-20.9 15.8l-3.7 0c-2 0-3.7 1.8-3.7 3.9 0 2.2 1.7 3.9 3.7 3.9l59.1 0c2 0 3.7-1.7 3.7-3.9 0-2.1-1.7-3.9-3.7-3.9l-3.8 0c-2.5-8-10.6-14.2-20.9-15.8l0-1.9c0-2.9-2.2-5.2-4.9-5.1z m99.6-70.5c-6.1 3.8-13.1 6.1-20.7 6-7.6 0-14.6-2.3-20.7-6l2.8 17.6c0.4 2.3 2.2 3.9 4.5 3.9l26.8 0c2.2 0 4.1-1.7 4.4-3.9l2.9-17.6z m-310-86.6l-30.8 0c-2.8 0-5.5 1.5-7 3.8l-2.5 5.2c-1.6 2.3-4.2 3.8-7 3.8l-11.5 0c-4.8 0-8.7 4.1-8.7 9.1l0 60.4c0 5 3.9 9.1 8.7 9.1l86.8 0c4.8 0 8.7-4.1 8.7-9.1l0-60.4c0-5-3.9-9.1-8.7-9.1l-11.4 0c-2.9 0-5.5-1.5-7.1-3.8l-1.2-2.6c-1.1-3.8-4.5-6.4-8.3-6.4z m289.3 13.9c-8 0-15.3 3-21.2 7.9-7.8 6.5-12.9 16.5-12.9 27.8 0 11.3 5.1 21.2 12.9 27.8 5.8 4.9 13.1 7.9 21.2 7.9 8 0 15.3-3 21.1-7.9 7.8-6.5 12.9-16.5 12.9-27.8 0-11.3-5.1-21.2-12.9-27.8-5.8-4.9-13.1-7.9-21.1-7.9z m-304.7 10.2c14.2 0 25.7 12.1 25.7 26.9 0 14.8-11.5 26.9-25.7 26.9-14.2 0-25.7-12.1-25.7-26.9 0-14.8 11.5-26.9 25.7-26.9z m0 7.5c-10.2 0-18.5 8.7-18.5 19.4 0 10.7 8.3 19.4 18.5 19.4 10.2 0 18.5-8.7 18.5-19.4 0-10.7-8.3-19.4-18.5-19.4z m318.1-40.5l-26.8 0c-2.2 0-4.1 1.7-4.5 3.9l-2.8 17.6c6.1-3.8 13.1-6.1 20.7-6 7.6 0 14.6 2.3 20.7 6l-2.9-17.6c-0.4-2.3-2.2-3.9-4.4-3.9z m-104.3-223.3l36.6 28.7-35.7 28.6 34.8 0 10.1 29.8-23.8 0.9-7.4 32.7 28.4 6.7 10.1 27.8-34.8 4.8-8.3 58.6-19.2 13.4-11.9-74.9-21.1-1.9-15.5 62.4-20.2 14.4-1.8-72-16.5-2.9-7.3-20.1-7.4 9.6-11 85.4-43-30.7 27.5-8.6-5.5-40.4-14.7 13.5-12.8-46.1 30.2-5.7-4.6-29.8-8.2-2.9-14.7-26.8 22-7.7 21.1-46.1 15.6 44.2 17.4 2.9 0 15.3 26.5-5.8-20.1-55.6 51.3 22.1-12.8 37.4 25.6-5.8 21.1-55.4z m-100.8 70.8l-8.2 11.5-4.6 32.6 25.6-2.9-8.2 19.2 25.6-10.5-4.6-26.9-18.3-5.8-7.3-17.2z m85.2 17.2l-21.1 4.8-4.6 32.7 28.4-5.8-2.7-31.7z m173.9-307.4l0 313.5-216-154.9 216-158.6z m-448.4 0.1l216 158.5-216 154.9 0-313.4z m410.7 97.8l-59.4 0c-1.6 0-3 1.2-3.3 2.7-14.1 61.1 30 60.7 29.9 79.1l0 9.6c0 6.6-21.9 7.4-21.9 13l0 1.1 50 0 0-1.1c0-5.6-21.9-6.4-22-13l0-9.6c0-18.4 44-17.9 30-79.1-0.4-1.6-1.8-2.7-3.3-2.7z m-319.4 4.5c-0.9 8-7.3 14.2-15.1 14.2-7.8 0-14.2-6.2-15.1-14.2l-6 0.1c-3.8 0-7.5 1.1-10.8 3l-21.6 13.1c-1.3 0.8-1.7 2.5-1 3.8l10 18.1 7.5-4.6 0 62.4c0 2.8 2.2 5.1 4.9 5l64.2 0c2.7 0 4.8-2.3 4.9-5l0-62.4 7.5 4.6 10-18.1c0.7-1.4 0.3-3.1-1-3.8l-21.6-13.1c-3.3-2-7-3-10.8-3l-6-0.1z m371.6 243.8l209.3 155.2-209.3 158.5 0-313.7z m110.6 120.2l-77.9 0c-2 0-3.6 1.7-3.5 3.8l0 65.8c0 8.8 6.8 16 15.3 16l54.4 0c8.5 0 15.3-7.2 15.3-16l0-4.7 0.8 0c11.6 0 21-9.9 21.1-22.1 0-10.6-7.2-19.5-16.8-21.6l-5.1-0.4 0-17c0-2.1-1.6-3.8-3.6-3.8z m98.7-292.1l0 313.5-204.7-156.7 204.7-156.8z m-70.9 107.1l-1.8 0.4c-6 2.9-15.3 9.2-20.5 16.2-25.4 1-44.4 24.4-44.4 33.1 0 8.7 19 32 44.4 33 5.2 7.1 14.5 13.3 20.5 16.2 2.4 1.1 5-0.7 5-3.3l0-17.5c15.5-6.8 22.1-18.6 26.6-18.6 5.2 0 13.5 17.4 24.5 13.6 6.8-2.4 1.5-18.2-3.4-23.4 5-5.2 10.3-21.1 3.4-23.5-11-3.8-19.3 13.6-24.5 13.6-4.5 0-11-11.8-26.6-18.6l0-17.5c0-1.4-0.7-2.5-1.6-3.1l-1.6-0.6z m-138.4-281.6l209.3 155.2-209.3 158.5 0-313.7z m71.7 113.4c-24.9 0-45.2 21.2-45.2 47.3 0 26.1 20.2 47.3 45.2 47.3 25 0 45.2-21.2 45.1-47.3 0-26.1-20.2-47.3-45.1-47.3z m-34-26.7c1.1 19.1 18.6 28 32 21.4-1.4-18.1-15.6-27-32-21.4z m-515.1 259.7l0 313.7-209.3-158.4 209.3-155.3z m-34.6 101.7c-16.8 8.4-34.2 60.8-37.7 64.6-3.5 3.8-7.3 0.8-17.3 4.3-27.1 9.5-31.4 15.2-31.4 16.9 0 3.6 6.4 13 41.3 13 31.9 0 17.6-25.7 34.4-49.8 2.2-3.2 9-5.2 9 0.1l0 49.4 7.6 0c-8.7-63.6 30.6-70.6-5.9-98.5z m-174.7-273.6l204.7 156.7-204.7 156.8 0-313.5z m78.1 102.7c-11.9 0-21.7 9.9-22.2 22.3-7.9 0.1-15.3 5-18.1 12.8-4.4 12.4-7 26.9-6.9 42.3 0 11.4 9.1 20.3 19.8 20.3l54.9 0c10.7 0 19.8-8.9 19.8-20.1 0-15.6-2.5-30-7-42.5-2.8-7.8-10.1-12.7-18-12.8-0.6-12.3-10.3-22.3-22.3-22.3z m131.2-277.2l0 313.7-209.3-158.4 209.3-155.3z m-57.1 101.4l-1.9 6.5c-3.1 0.1-6.1 1.2-8.4 3.5l-2.5 2.4-2.5-2.4c-2.3-2.2-5.4-3.3-8.4-3.5l-1.8-6.5c-0.6-2.4-3-3.8-5.3-3.1-2.3 0.7-3.6 3.2-2.9 5.6l1.8 6.6-1.4 0.9c-7.9 9.7 1.3 17.4 1.2 32.9l-20.8 39.5-1.3 4.5c0 0.2 0 0.4 0 0.6-0.3 0.9-0.4 1.8-0.4 2.8 0 5.9 4.9 10.6 11 10.6 2.8 0 5.4-1 7.3-2.7 2 5 7 8.5 12.9 8.5 4.3 0 8.1-1.9 10.6-4.9 2.5 2.9 6.3 4.9 10.6 4.9 5.9 0 10.9-3.5 12.9-8.5 1.9 1.7 4.5 2.7 7.3 2.7 6.1 0 11-4.7 11.1-10.6l-0.5-2.8c0-0.2 0.1-0.4 0.1-0.6l-1.4-4.5-20.9-39.8c0-15.4 9.2-22.9 1.3-32.6l-1.4-0.9 1.8-6.6c0.7-2.4-0.6-4.8-2.9-5.6-2.3-0.7-4.6 0.7-5.2 3.1z" stroke-width="64"></path>`},
	{name: 'book', html: `<path d="M687.5 128c107.2 0 194.9 32.4 261 97.4 7.3 7.2 11.5 17.1 11.5 27.4l0 604.8c0 28.4-29.8 47-55.4 34.5-73.1-36-135.9-53.7-187.8-53.7-51.9 0-114.7 17.6-187.8 53.7-12.2 6-26.7 5.1-38.1-2.4-52.1-34.2-113-51.3-183.7-51.3-70.7 0-131.7 17.1-183.7 51.3-25.5 16.8-59.5-1.6-59.5-32.1l0-604.8c0-10.3 4.1-20.1 11.5-27.4 66.1-65 153.8-97.4 261-97.4 76.5 0 135.2 16.9 173 51.8l2.5 2.5 2.5-2.5c35.3-32.6 88.8-49.5 158-51.6l15-0.2z m0 76.8c-78 0-120.7 18.8-136.5 53.6l-0.7 1.6 0.1 538.3c46.9-18.8 90.6-30.5 131.2-34.8l18.7-1.5 16.5-0.4c48.8 0 102.5 11.7 161.3 34.7l5.1 2.1 0-528.8-9.9-8.2c-44.5-34.8-100.3-53.6-168.4-56.3l-17.4-0.3z m-351 0c-76.2 0-137.6 18.9-185.8 56.6l-10 8.2 0 524.2 9.1-3.8c42-16.6 87.5-25.9 136.3-28l21.1-0.4c60.5 0 116 10.7 166.4 32.1l0-533.9c-15.3-35.7-58.1-55-137.1-55z" stroke-width="64"></path>`},
	{name: 'chat', html: `<path d="M889.8 445.6c19.7-8 42 1.5 50 21.1 13.3 32.8 20.2 67.5 20.2 102.9l-0.4 15.4c-3.8 66.6-32 129.2-79.6 180.4l-10.3 10.6 0.3 78.4c0 6.7-1 13.3-3 19.7-10.7 33.7-46.7 52.3-80.4 41.6l-113.8-36.3-23.5 4.8c-55.9 9.6-113.6 6.8-181.4-15.8-20.1-6.7-31-28.5-24.3-48.5 6.7-20.1 28.5-31 48.6-24.3 59.9 20 108.2 20.8 156.4 10.6l16.6-3.9 6.9-1c4.6-0.3 9.3 0.3 13.7 1.8l86.5 27.3c1.6 0.5 3.3 0.8 4.9 0.7 8.8-0.1 15.9-7.3 15.9-16.1l-0.4-55.2c-0.1-11 4.6-21.6 12.9-28.9 50-44.5 77.6-101.4 77.6-161.3 0-25.4-4.9-50.3-14.6-74-8-19.7 1.5-42 21.2-50z m-441.8-349.6c210.5 0 384 141.3 384 320 0 178.7-173.5 320-384 320-24.4 0-56.6-3.4-96.4-10.3l-115 44.6c-8.5 3.3-17.6 4.7-26.7 4.2-35.3-2-62.3-32.2-60.3-67.5l4.7-84.6-10.3-10.6c-47.6-51.2-75.8-113.8-79.6-180.4l-0.4-15.4c0-178.7 173.5-320 384-320z m0 76.8c-171.2 0-307.2 110.8-307.2 243.2 0 59.9 27.7 116.8 77.6 161.3 8.2 7.3 12.9 17.9 12.9 28.9l-7.2 67.9c-0.3 2.8 0.2 5.6 1.3 8.2 3.6 8.1 13.1 11.7 21.1 8.1l91.7-40.9c4.4-1.4 9.1-2 13.7-1.8l6.9 1c28.7 6.9 58.6 10.5 89.2 10.5 171.2 0 307.2-110.8 307.2-243.2 0-132.4-136-243.2-307.2-243.2z m-153.6 198.4c28.3 0 51.2 22.9 51.2 51.2 0 28.3-22.9 51.2-51.2 51.2-28.3 0-51.2-22.9-51.2-51.2 0-28.3 22.9-51.2 51.2-51.2z m153.6 0c28.3 0 51.2 22.9 51.2 51.2 0 28.3-22.9 51.2-51.2 51.2-28.3 0-51.2-22.9-51.2-51.2 0-28.3 22.9-51.2 51.2-51.2z m153.6 0c28.3 0 51.2 22.9 51.2 51.2 0 28.3-22.9 51.2-51.2 51.2-28.3 0-51.2-22.9-51.2-51.2 0-28.3 22.9-51.2 51.2-51.2z" stroke-width="64"></path>`},
	{name: 'rule', html: `<path d="M629.6 64c70.7 0 128 57.3 128 128l0 8.8 10.4 0c67.5 0 122.8 52.2 127.6 118.4l0.4 9.6 0 503.2c0 70.7-57.3 128-128 128l-512 0c-70.7 0-128-57.3-128-128l0-640c0-70.7 57.3-128 128-128l373.6 0z m126.3 212l-551.8 0 0 544.8c0 35.3 28.7 64 64 64l487.8 0c35.3 0 64-28.7 64-64l0-480.8c0-35.3-28.7-64-64-64z m-238.7 330.8c21 0 38.1 16.8 38 37.6 0 20.8-17 37.6-38 37.6l-212.8 0c-21 0-38.1-16.8-38-37.6 0-20.8 17-37.6 38-37.6l212.8 0z m138.4-171c21 0 38.1 16.8 38 37.6 0 20.8-17 37.6-38 37.6l-351.2 0c-21 0-38.1-16.8-38-37.6 0-20.8 17-37.6 38-37.6l351.2 0z m-38.1-296.6l-349.3 0c-34.5 0-62.6 27.3-64 61.6l477.1 0-0.2-5c-3.7-31.8-30.7-56.5-63.6-56.6z" stroke-width="64"></path>`},
	{name: 'customer-service', html: `<path d="M512 127.4c160.4 0 297.7 112.3 326.8 264l42.7 0c61 0 110.5 48.7 110.5 108.9l0 52.8c0 60.1-49.5 106.2-110.5 106.2l-36.6 0c-23.4 136.3-142.6 237.4-283.2 237.3-21.5 0-38.9-17.2-39-38.4 0-21.2 17.4-38.4 39-38.3 115.6 0 209.4-93.5 209.4-209l0-148.4c0-142.7-116-258.4-259.1-258.4-142.3 0-257.9 111.8-259.1 253.6l0 139.7c0 34.2-28.1 61.9-62.8 61.8l-47.6 0c-61 0-110.5-48.7-110.5-108.8l0-52.8c0-60.1 49.5-106.1 110.5-106.2l27.7 0.3c8.3 0 12.4-0.2 12.5-0.5 33.3-152.9 169.8-263.9 329.3-263.8z m119.2 375.5c21.5 0 38.9 17.2 38.9 38.4 0 86-70.8 155.8-158.1 155.8-87.3 0-158.1-69.7-158.1-155.8 0-21.2 17.4-38.4 38.9-38.4 21.5 0 38.9 17.2 38.9 38.4 0 43.6 35.9 79 80.3 79 41.5 0 76-31.1 79.9-71.2l0.4-7.8c0-21.2 17.4-38.4 38.9-38.4z m-454.9-35.2l-34.3 0c-16.7 0-30.6 12.9-33.2 29.7l-0.4 5.7 0 44.3c0 19.6 15 35.4 33.6 35.4l34.3 0 0-115.1z m704.6 0l-33.4 0 0 115.1 33.4 0c18.6 0 33.6-15.9 33.6-35.4l0-44.3-0.4-5.7c-2.6-16.8-16.5-29.7-33.2-29.7z" stroke-width="64"></path>`},
	{name: 'message', html: `<path d="M512 64c28.3 0 51.2 22.9 51.2 51.2l0.1 16.9c152.4 24.5 268.7 156.6 268.7 315.9l0 114.1c0 10 2.3 19.8 6.8 28.8l51.3 102c23.8 47.4 4.7 105.1-42.7 128.9-13.4 6.7-28.1 10.2-43.1 10.2l-127 0.1c-19 73.6-85.8 127.9-165.3 127.9-79.5 0-146.3-54.4-165.2-127.9l-127.4-0.1c-53 0-96-43-96-96 0-14.9 3.5-29.6 10.2-43l51.6-103.2c4.5-8.9 6.8-18.7 6.8-28.6l0-113.2c0-159.3 116.4-291.4 268.8-315.9l0-16.9c0-28.3 22.9-51.2 51.2-51.2z m73.9 768.1l-147.7 0c14.8 25.5 42.3 42.6 73.8 42.6 31.6 0 59.1-17.1 73.9-42.6z m-73.9-627.3c-134.3 0-243.2 108.9-243.2 243.2l0 116.2c0 19.9-4.6 39.5-13.5 57.3l-53.1 105.9c-4.7 9.5-0.9 21 8.6 25.8 2.7 1.3 5.6 2 8.6 2l584.9 0c10.6 0 19.2-8.6 19.2-19.2 0-2-0.3-4-0.9-5.9l-1.1-2.7-52.7-104.7c-9-17.8-13.6-37.5-13.6-57.5l0-117.2c0-134.3-108.9-243.2-243.2-243.2z" stroke-width="64"></path>`},
	{name: 'shop', html: `<path d="M664.1 497.6c19.8 17.1 42.4 30.5 67.2 39.6 1.8 0.7 3.3 1.2 5 1.6 26.1 9.9 53.8 15.1 82.1 15.1 36 0 71-8.3 102.8-24.1 3.3-1.6 6.5-3.3 9.8-5l-0.1 345.6c0 56.6-45.8 102.4-102.4 102.4l-633 0c-56.6 0-102.4-45.8-102.4-102.4l-0.1-344.5c35 18 73.8 28 112.6 28 11.5 0 22.9-0.9 34.2-2.5 43.7-6.5 82.4-23.8 115.5-51.5 4.7 3.9 9.5 7.6 14.5 11.1 28.5 19.9 60.9 31.6 99.3 38.9 14.1 2.7 28.4 4 42.9 4 17.7 0 35.1-2 52.2-5.9 36.5-8.4 70.1-24.9 99.9-50.4z m49.6 223.6c-11.7-17.7-35.6-22.5-53.2-10.7-43.7 29-94.9 44.7-148.5 44.7-53.6 0-104.8-15.7-148.5-44.8-17.7-11.7-41.5-6.9-53.3 10.8-11.7 17.7-6.9 41.5 10.8 53.2 56.2 37.3 122.1 57.5 191 57.6 68.9 0 134.8-20.2 191-57.6 17.7-11.7 22.5-35.6 10.7-53.2z m135.6-670c16.3 0 31.1 8.6 38.7 22.1l2.8 6 82 225.1 0 27.6c0 13.2-2.1 27.1-7.1 39.4-16.2 39.1-50.9 65.1-88.5 82.8-21.7 10.2-45.9 15.9-71.4 15.9-21 0-41-3.9-59.5-10.9-1-0.2-2-0.5-3-0.8-35.4-12.3-64.1-37.1-84-72.2-10.2 16.1-24 32.5-42.7 47.6-19.9 16.1-43.3 26.8-68.4 32.4-11.7 2.6-23.8 3.9-36.2 3.9-10.2 0-20.1-0.9-29.8-2.6-25-4.5-50.2-11.9-71.4-26-19.1-12.7-35.1-30.4-47.5-52.7-6.6 10.2-14.6 20.5-24.3 30.5-26.8 27.6-58.9 43.7-97.1 49.1-7.8 1.1-15.7 1.7-23.7 1.7-53.6 0-108.7-26.6-142.2-68.2-13.3-16.5-22-36.7-24.2-58.8l-0.6-11.1 0-27.6 82-225.1c5.4-14.7 18.8-25.2 34.6-27.6l6.9-0.5 674.6 0z" stroke="none" stroke-width="64"></path>`},
	{name: 'arrow-down', html: `<path d="M838.544 310.544c14.059-14.059 36.853-14.059 50.912 0 13.918 13.918 14.057 36.398 0.417 50.487l-0.417 0.425-352 352c-13.917 13.918-36.397 14.057-50.486 0.417l-0.425-0.417-352-352c-14.06-14.059-14.06-36.853 0-50.912 13.917-13.918 36.397-14.057 50.486-0.417l0.425 0.417L512 637.088l326.544-326.544z"></path>`},
	{name: 'home', html: `<path d="M582.4 83.2l320 204.8c38.4 25.6 57.6 64 57.6 108.8v441.6c0 70.4-57.6 128-128 128l-172.8 0c-38.4 0-64-25.6-64-64v-224c0-19.2-12.8-32-32-32l-108.8 0c-12.8 0-25.6 12.8-32 25.6l0 6.4v224c0 38.4-25.6 64-64 64l-172.8 0c-70.4 0-128-57.6-128-128v-441.6c0-44.8 19.2-83.2 57.6-108.8l320-204.8c51.2-25.6 102.4-25.6 147.2 0z m-44.8 64c-19.2-12.8-38.4-12.8-57.6 0l-320 204.8c-12.8 12.8-19.2 32-19.2 44.8v441.6c0 25.6 25.6 51.2 51.2 51.2l140.8 0c6.4 0 12.8-6.4 12.8-19.2v-204.8c0-51.2 44.8-96 96-96l96 0 38.4 0c51.2 0 96 44.8 96 96l0 204.8c0 6.4 6.4 12.8 12.8 12.8l6.4 0 140.8 0c25.6 0 44.8-19.2 51.2-44.8l0-6.4v-435.2c0-19.2-6.4-32-25.6-44.8l-320-204.8z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'spgl', html: `<path d="M832 64c70.4 0 128 57.6 128 128v640c0 70.4-57.6 128-128 128h-640c-70.4 0-128-57.6-128-128v-640c0-70.4 57.6-128 128-128h640z m57.6 326.4h-313.6v236.8c0 19.2-12.8 32-32 32-6.4 0-6.4 0-12.8 0l-96-44.8-96 44.8c-19.2 6.4-32 0-44.8-12.8 0-6.4 0-6.4 0-12.8v-243.2h-160l0 441.6c0 32 19.2 51.2 51.2 57.6l6.4 0h640c32 0 51.2-19.2 57.6-51.2l0-6.4v-441.6z m-384 0h-147.2v179.2l76.8-32 76.8 32v-179.2z m326.4-256h-640c-32 0-51.2 19.2-57.6 51.2l0 6.4 0 128h755.2v-128c0-32-19.2-51.2-51.2-57.6l-6.4 0z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'bhdgl', html: `<path d="M672 64c44.8 0 76.8 25.6 89.6 64l64 0c57.6 0 102.4 44.8 102.4 102.4 0 153.6 0 268.8 0 345.6 0 64 0 153.6 0 281.6 0 57.6-44.8 102.4-102.4 102.4h-627.2c-57.6 0-102.4-44.8-102.4-102.4 0-128 0-217.6 0-281.6 0-76.8 0-192 0-345.6 0-57.6 44.8-102.4 102.4-102.4l64 0c12.8-38.4 51.2-64 89.6-64h320z m-409.6 128l-64 0c-19.2 0-32 12.8-38.4 32l0 6.4v627.2c0 19.2 12.8 32 32 38.4l6.4 0h627.2c19.2 0 32-12.8 38.4-32l0-6.4v-627.2c0-19.2-12.8-32-32-38.4l-6.4 0-64 0c-12.8 38.4-51.2 64-89.6 64h-320c-44.8 0-76.8-25.6-89.6-64z m275.2 345.6c25.6 0 38.4 19.2 38.4 38.4 0 19.2-12.8 32-32 32l-6.4 0h-243.2c-25.6 6.4-38.4-12.8-38.4-32 0-19.2 12.8-32 32-32l6.4 0h243.2z m192-160c19.2 0 38.4 12.8 38.4 38.4 0 19.2-12.8 32-32 32l-6.4 0h-435.2c-25.6 6.4-38.4-12.8-38.4-32 0-19.2 12.8-32 32-32l6.4 0h435.2z m-57.6-243.2h-320c-12.8 0-25.6 12.8-25.6 25.6 0 12.8 6.4 25.6 19.2 25.6l6.4 0h320c12.8 0 25.6-12.8 25.6-25.6 0-12.8-6.4-25.6-25.6-25.6l0 0z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'kcgl', html: `<path d="M448 83.2c38.4-32 89.6-32 128 0l345.6 268.8c25.6 19.2 38.4 51.2 38.4 83.2v441.6c0 57.6-44.8 102.4-108.8 102.4h-678.4c-57.6 0-108.8-44.8-108.8-102.4v-441.6c0-32 12.8-64 38.4-83.2l345.6-268.8z m89.6 57.6c-12.8-12.8-32-12.8-44.8 0l-345.6 268.8c-6.4 6.4-12.8 12.8-12.8 25.6v441.6c0 19.2 12.8 38.4 38.4 38.4h691.2c19.2 0 38.4-12.8 38.4-38.4v-441.6c0-12.8-6.4-19.2-12.8-25.6l-352-268.8z m-249.6 326.4c0-38.4 32-70.4 70.4-70.4h128c38.4 0 70.4 32 70.4 70.4v121.6l121.6 0c32 0 64 25.6 64 57.6l0 6.4v128c0 38.4-32 70.4-70.4 70.4h-320c-38.4 0-70.4-32-70.4-70.4v-313.6z m192 192h-121.6v121.6h121.6v-121.6z m192 0h-121.6v121.6h121.6v-121.6z m-192-192h-121.6v121.6h121.6v-121.6z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'xsgl', html: `<path d="M560 480c35.3 0 64 28.7 64 64v352c0 35.3-28.7 64-64 64h-96c-35.3 0-64-28.7-64-64v-352c0-35.3 28.7-64 64-64h96z m304-128c35.3 0 64 28.7 64 64v480c0 35.3-28.7 64-64 64h-96c-35.3 0-64-28.7-64-64v-480c0-35.3 28.7-64 64-64h96z m-608 256c35.3 0 64 28.7 64 64v224c0 35.3-28.7 64-64 64h-96c-35.3 0-64-28.7-64-64v-224c0-35.3 28.7-64 64-64h96z m297.6-57.6h-83.2v339.2h83.2v-339.2z m304-128h-83.2v467.2h83.2v-467.2z m-608 256h-83.2v211.2h83.2v-211.2z m470.4-631.7l6 2.2 173.9 81.1c1.9 0.8 3.6 1.9 5.4 3.1l-5.4-3.1c8.5 4 15 11.1 18.2 19.9l0.6 1.7c0.3 0.7 0.5 1.5 0.7 2.2l-1.3-3.9c3.9 10.8 2.3 22.8-4.2 32.2l3-5.3c-3.1 6.7-8.2 12.2-14.6 15.8l-1.4 0.7c-0.7 0.4-1.4 0.8-2.1 1.1l-1.7 0.6-751.8 273.6c-18.3 6.5-38.4-3.1-44.9-21.4-5.7-16 0.9-33.8 15.6-42.3l5.3-2.4 671.9-244.6-97-45.2c-17.5-8.4-24.9-29.4-16.5-47 7.2-15 24-22.9 40.2-18.9l0.1-0.1z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'jggl', html: `<path d="M838.4 64c51.2 0 89.6 38.4 96 89.6l0 6.4v288c0 19.2-19.2 38.4-38.4 38.4-19.2 0-32-12.8-38.4-32l0-6.4v-288c0-6.4-6.4-19.2-12.8-19.2l-6.4 0h-672c-12.8 0-19.2 6.4-19.2 12.8l0 6.4v704c0 6.4 6.4 19.2 12.8 19.2l6.4 0h230.4c19.2 0 38.4 19.2 38.4 38.4 0 19.2-12.8 32-32 38.4l-6.4 0h-230.4c-51.2 0-89.6-38.4-96-89.6l0-6.4v-704c0-51.2 38.4-89.6 89.6-96l6.4 0h672z m108.8 582.4c12.8 12.8 12.8 32 6.4 44.8l-198.4 236.8c-12.8 19.2-44.8 19.2-64 6.4l-6.4-6.4c0 0-6.4-6.4-6.4-6.4l-108.8-128c-6.4-12.8-6.4-25.6 0-38.4 12.8-12.8 32-12.8 38.4 0l96 83.2 192-192c19.2-6.4 38.4-12.8 51.2 0z m-313.6-358.4c12.8 12.8 19.2 32 6.4 51.2l-51.2 51.2 38.4 0c19.2 0 38.4 12.8 38.4 38.4s-12.8 32-38.4 32l-89.6 0v57.6l89.6 0c19.2 0 38.4 12.8 38.4 32 0 19.2-12.8 38.4-38.4 38.4l-89.6 0v89.6c0 19.2-12.8 32-32 32-19.2 0-32-12.8-32-32v-89.6l-89.6 0c-25.6 0-38.4-12.8-38.4-32 0-19.2 12.8-32 38.4-32l89.6 0v-64l-89.6 0c-25.6 0-38.4-12.8-38.4-32s12.8-38.4 38.4-38.4l38.4 0-44.8-51.2c-12.8-12.8-12.8-38.4 0-51.2 12.8-12.8 38.4-12.8 51.2 6.4l76.8 89.6 76.8-89.6c12.8-12.8 32-19.2 51.2-6.4z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'jsgl', html: `<path d="M889.6 128c57.6 0 102.4 44.8 102.4 102.4v563.2c0 57.6-44.8 102.4-102.4 102.4h-755.2c-57.6 0-102.4-44.8-102.4-102.4v-563.2c0-57.6 44.8-102.4 102.4-102.4h755.2z m32 256h-819.2l0 409.6c0 12.8 12.8 25.6 25.6 32l6.4 0h755.2c12.8 0 25.6-12.8 32-25.6l0-6.4v-409.6z m-153.6 249.6c19.2 0 38.4 12.8 38.4 38.4 0 19.2-12.8 32-32 32l-6.4 0h-256c-19.2 0-38.4-12.8-38.4-38.4 0-19.2 12.8-32 32-32l6.4 0h256z m121.6-435.2h-755.2c-12.8 0-25.6 12.8-32 25.6l0 6.4 0 83.2h819.2v-83.2c0-12.8-12.8-25.6-32-32l0 0z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'zlgl', html: `<path d="M496.8 67.1c9.8-4.2 21-4.2 30.8 0l345.4 147c14 5.9 23 19.4 23 34.2l0 339c0 163.6-141.7 296.2-371.8 370.8-7.9 2.6-16.4 2.6-24.3 0-229.7-74.4-371.9-207.6-371.9-370.9l0-338.9c0-14.8 9-28.3 23-34.2z m15.4 75l-307.4 130.7 0 314.4c0 121.8 112.3 229.8 306.1 295.6l1.1 0.4 14.7-5.1c181.4-64.7 287.5-166.7 292.3-282.5l0.2-8.3 0-314.5-307-130.7z m217.2 229.9c15.2 13 17.4 35.3 4.9 50.9l-3.2 3.5-216.8 210.8c-20.9 20.3-54.2 22-77.1 3.9l-4.3-3.9-101.6-98.8c-14.3-13.9-15-36.3-1.7-51.1 13.4-14.8 36.3-16.9 52.3-4.8l3.6 3.1 88.1 85.6 203.3-197.6c14.3-13.9 37.3-14.6 52.5-1.6z" stroke-width="64" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'xtgl', html: `<path d="M672 44.8l172.8 25.6c32 6.4 51.2 32 51.2 64v403.2c0 147.2-70.4 281.6-192 358.4l-153.6 102.4c-19.2 12.8-51.2 12.8-70.4 0l-160-102.4c-121.6-76.8-192-217.6-192-358.4v-403.2c0-32 25.6-57.6 51.2-64l172.8-25.6c108.8-19.2 211.2-19.2 320 0z m-307.2 70.4l-166.4 25.6v396.8c0 115.2 57.6 224 147.2 294.4l12.8 6.4 153.6 102.4 153.6-102.4c96-64 153.6-172.8 160-281.6l0-12.8v-403.2l-166.4-25.6c-96-19.2-198.4-19.2-294.4 0z m147.2 76.8c64 0 115.2 44.8 128 108.8s-32 121.6-89.6 140.8l0 134.4h64c12.8 0 25.6 12.8 25.6 32 0 19.2-12.8 32-32 32h-64v89.6c0 25.6-12.8 38.4-32 38.4-19.2 0-38.4-12.8-38.4-32v-294.4c-57.6-19.2-96-76.8-89.6-140.8s64-108.8 128-108.8l0 0z m0 70.4c-32 0-57.6 25.6-57.6 57.6s25.6 57.6 57.6 57.6 57.6-25.6 57.6-57.6-25.6-57.6-57.6-57.6l0 0z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'fwsc', html: `<path d="M512 64c249.6 0 448 198.4 448 448s-198.4 448-448 448-448-198.4-448-448 198.4-448 448-448z m0 70.4c-211.2 0-377.6 166.4-377.6 377.6s166.4 377.6 377.6 377.6 377.6-166.4 377.6-377.6-166.4-377.6-377.6-377.6z m-32 108.8c12.8-25.6 51.2-25.6 64 0l64 134.4 147.2 19.2c25.6 6.4 38.4 32 25.6 57.6l-6.4 6.4-108.8 108.8 25.6 147.2c6.4 25.6-19.2 44.8-44.8 38.4l-6.4 0-128-76.8-134.4 70.4c-25.6 12.8-51.2-6.4-51.2-32l0-6.4 25.6-147.2-108.8-102.4c-19.2-19.2-12.8-51.2 12.8-64l6.4 0 147.2-19.2 70.4-134.4z m32 89.6l-44.8 89.6c-6.4 12.8-12.8 19.2-25.6 19.2l-96 12.8 70.4 70.4c6.4 6.4 12.8 12.8 12.8 25.6l0 6.4-19.2 96 89.6-44.8c6.4-6.4 19.2-6.4 25.6 0l6.4 0 89.6 44.8-19.2-96c0-6.4 0-19.2 6.4-25.6l6.4-6.4 70.4-70.4-102.4-12.8c-6.4 0-19.2-6.4-25.6-12.8l0-6.4-44.8-89.6z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'dpyx', html: `<path d="M926 150.9l65.5 244.5c11.2 41.8 5.3 86.4-16.3 123.9l-251.7 435.8c-9.7 16.8-31.2 22.6-48 12.9-16.8-9.7-22.6-31.2-12.9-48.1l251.6-435.8c12.3-21.3 15.6-46.6 9.3-70.5l-65.5-244.5c-5-18.8 6.1-38.1 24.9-43.1 18.8-5 38.1 6.1 43.1 24.9z m-177.9-15.6l76.5 234.1c10.3 31.4 6 67.3-11.5 97.6l-249.6 432.4c-32.1 55.6-98.7 77.2-148.8 48.2l-317.4-183.3c-50.1-28.9-64.7-97.4-32.6-152.9l249.6-432.4c17.5-30.4 46.5-52 78.8-58.7l240.9-50.8c50.5-10.6 98.1 16.8 114.1 65.8z m-106.9-4.2l-236.5 53.3c-14.3 3.2-27.1 13-35 26.7l-249.6 432.2c-14.4 25-8.4 55.5 13.6 68.1l308.6 178.2c21.9 12.7 51.4 2.6 65.8-22.3l249.6-432.2c7.9-13.7 9.9-29.7 5.5-43.7l-72.1-231.5c-6.8-21.8-27.6-33.8-49.9-28.8z m-81.2 60.9c61.9 0 112 50.1 112 112 0 61.9-50.1 112-112 112-61.9 0-112-50.1-112-112 0-61.9 50.1-112 112-112z m0 70.4c-23 0-41.6 18.6-41.6 41.6 0 23 18.6 41.6 41.6 41.6 23 0 41.6-18.6 41.6-41.6 0-23-18.6-41.6-41.6-41.6z" stroke-width="64" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'dpgl', html: `<path d="M787.2 57.6c38.4 0 70.4 19.2 89.6 57.6l0 12.8 64 185.6c6.4 12.8 6.4 32 6.4 44.8 0 44.8-19.2 83.2-51.2 115.2l0 377.6c0 57.6-44.8 102.4-96 102.4l-6.4 0h-563.2c-57.6 0-102.4-44.8-102.4-96l0-6.4 0-377.6c-44.8-32-64-89.6-51.2-147.2l0-12.8 64-185.6c12.8-38.4 44.8-64 89.6-64l6.4 0h550.4z m-134.4 390.4l0 0c-32 38.4-76.8 64-128 64l-12.8 6.4c-6.4 0-12.8 0-12.8 0-51.2-6.4-96-32-128-64l0-6.4-6.4 6.4c-32 32-76.8 57.6-128 57.6l-12.8 0c-12.8 6.4-19.2 0-32 0l0 345.6c0 19.2 12.8 32 32 32l6.4 0h563.2c19.2 0 32-12.8 32-32l0-6.4 6.4-339.2c-6.4 0-19.2 0-32 0-57.6 6.4-108.8-19.2-147.2-64l0 0z m44.8 211.2c6.4 19.2 0 38.4-19.2 44.8-51.2 25.6-108.8 32-166.4 32-57.6 0-115.2-12.8-166.4-32-19.2-6.4-25.6-25.6-19.2-44.8 6.4-19.2 25.6-25.6 44.8-19.2 44.8 19.2 89.6 32 140.8 32 51.2 0 96-12.8 140.8-32 19.2-6.4 38.4 0 44.8 19.2z m-454.4-531.2l0 0c-19.2 0-25.6 6.4-32 19.2l-64 185.6 0 6.4c-12.8 44.8 12.8 89.6 51.2 102.4 6.4 0 19.2 6.4 25.6 6.4 51.2 0 96-32 115.2-76.8 12.8-32 57.6-32 64 0 12.8 44.8 51.2 70.4 96 76.8 0 0 6.4 0 6.4 0 51.2 0 89.6-32 108.8-76.8 12.8-32 51.2-32 64 0 19.2 44.8 64 76.8 115.2 76.8 44.8 0 83.2-38.4 83.2-83.2 0-6.4 0-19.2-6.4-25.6l-64-185.6 0-6.4c0-6.4-6.4-19.2-19.2-19.2l-544 0z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'sjzx', html: `<path d="M832 57.6c76.8 0 134.4 57.6 134.4 134.4v640c0 76.8-57.6 134.4-134.4 134.4h-640c-76.8 0-134.4-57.6-134.4-134.4v-640c0-76.8 57.6-134.4 134.4-134.4h640z m0 70.4h-640c-38.4 0-64 25.6-64 64v640c0 38.4 25.6 64 64 64h640c38.4 0 64-25.6 64-64v-153.6h-768v-64h768v-204.8h-768v-70.4h768v-147.2c0-38.4-25.6-64-64-64z m-499.2 614.4c25.6 0 51.2 19.2 51.2 51.2 0 25.6-19.2 51.2-51.2 51.2h-89.6c-25.6 0-51.2-19.2-51.2-51.2 0-25.6 19.2-51.2 51.2-51.2h89.6z m0-275.2c32 0 51.2 19.2 51.2 51.2 0 25.6-19.2 51.2-51.2 51.2h-89.6c-32-6.4-51.2-25.6-51.2-51.2 0-25.6 19.2-51.2 51.2-51.2h89.6z m0-275.2c32 0 51.2 19.2 51.2 51.2s-19.2 44.8-51.2 44.8h-89.6c-32 0-51.2-19.2-51.2-44.8s19.2-51.2 51.2-51.2h89.6z" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'hgzx', html: `<path d="M839.7 493.5l87.9 12.5c16.3 3.1 26 15.7 26 31.5l0 197.9c0 72.3-35.8 138.3-97.6 176l-78.1 50.3c-9.8 6.3-26 6.3-35.8 0l-81.3-50.3c-61.8-37.7-97.6-106.8-97.6-176l0-197.9c0-15.7 13-28.3 26-31.5l87.9-12.5c55.3-9.4 107.4-9.4 162.6 0z m-14.1-429.5c56.6 0 102.4 45.8 102.4 102.4l0 243.2c0 21.2-17.2 38.4-38.4 38.4-21.2 0-38.4-17.2-38.4-38.4l0-243.2c0-12.4-8.8-22.7-20.4-25.1l-5.2-0.5-627.2 0c-12.4 0-22.7 8.8-25.1 20.4l-0.5 5.2 0 691.2c0 12.4 8.8 22.7 20.4 25.1l5.2 0.5 275.2 0c21.2 0 38.4 17.2 38.4 38.4 0 21.2-17.2 38.4-38.4 38.4l-275.2 0c-56.6 0-102.4-45.8-102.4-102.4l0-691.2c0-56.6 45.8-102.4 102.4-102.4l627.2 0z m-118 494l-58.6 8.7c-8.7 2.2-17.4 10.9-17.3 21.8l0 137.5c0 48 23.9 96 65.1 122.2l54.2 34.9c6.5 4.4 17.4 4.4 23.8 0l52.1-34.9c41.2-26.2 65.1-72 65.1-122.2l0-137.5c0-10.9-6.5-19.6-17.4-21.8l-58.6-8.7c-36.9-6.5-71.6-6.5-108.4 0z m54 61.7c38.9 0 70.4 30.7 70.3 68.5 0 37.8-31.5 68.5-70.3 68.5-38.9 0-70.4-30.7-70.4-68.5 0-37.8 31.5-68.5 70.4-68.5z m-281.6-178.1c21.2 0 38.4 17.2 38.4 38.4 0 19.1-13.9 34.9-32.2 37.9l-6.2 0.5-192 0c-21.2 0-38.4-17.2-38.4-38.4 0-19.1 13.9-34.9 32.2-37.9l6.2-0.5 192 0z m256-160c21.2 0 38.4 17.2 38.4 38.4 0 19.1-13.9 34.9-32.2 37.9l-6.2 0.5-448 0c-21.2 0-38.4-17.2-38.4-38.4 0-19.1 13.9-34.9 32.2-37.9l6.2-0.5 448 0z" stroke-width="64" transform="matrix(1,0,0,1,0,0)"></path>`},
	{name: 'down', html: `<path d="M470.016 976.896q-44.032 0-59.392-20.48t-15.36-65.536q0-20.48-0.512-64.512t-1.024-93.696-1.536-96.768-1.024-74.752q0-39.936-7.68-62.464t-35.328-21.504q-20.48 0-48.64-1.024t-49.664 0q-35.84 0-45.568-19.456t13.824-50.176q24.576-30.72 57.344-72.704t67.584-86.016 68.096-87.04 58.88-75.776q23.552-29.696 45.568-30.72t46.592 26.624q24.576 29.696 56.832 69.632t67.072 82.432 68.608 83.968 60.416 73.216q29.696 35.84 23.04 58.88t-43.52 23.04q-11.264 0-25.088 0.512t-29.184 1.024-30.208 1.024-27.136 0.512q-25.6 1.024-32.256 16.384t-5.632 41.984q0 29.696 0.512 77.824t1.024 100.352 1.536 101.376 1.024 79.872q0 13.312-2.048 27.648t-9.728 26.112-21.504 19.968-36.352 8.192q-27.648 0-52.736 0.512t-56.832 1.536z" p-id="5903"></path>`},
]
Vue.component('svg-list', {
	template: ` 
<svg style="position: absolute; width: 0; height: 0" aria-hidden="true">
	<symbol v-for="(item, index) in list" :key="index" viewBox="0 0 1024 1024" :id="'icon-'+item.name" v-html="item.html"></symbol>
</svg>
	 `,
	data() {
		return {
			list: svgList
		}
	}
})

Vue.component('svg-icon', {
	template: `
<div class="svg-icon">
	<svg v-bind="$attrs">
	    <use :xlink:href="'#icon-'+name"></use>
	</svg>
</div> 
	 `,
	props: {
		name: {
			type: String,
			default: ''
		}
	},
	mounted() {
		// console.log(this.$attrs);
	}
})

Vue.component('m-tip', {
	template: `
<div class="m-tip">
	<i class="icon el-icon-warning"></i>
	<slot></slot>
</div>
	`,
	props: {
		name: {
			type: String,
			default: ''
		}
	},
	mounted() {
		// console.log(this.$attrs);
	}
})


Vue.component('m-search', {
	template: `
<div class="m-search">
	<el-form ref="formRef" :model="model" size="mini" :label-width="labelWidth">
		<el-row :gutter="10">
			<slot></slot>
			<slot v-if="!hide" name="hide"></slot>
			<el-col :span="handleSpan">
				<div class="flex pl-40">
					<el-button size="mini" @click="() => formRef.resetFields()">重置</el-button>
					<el-button size="mini" type="primary" @click="search()">查询</el-button>
					<div class="flex items-center ml-10 text-12 cursor-pointer" @click="hide = !hide">
						<template v-if="hide">
							<span class="mr-5">展开</span>
							<i class="el-icon-arrow-down"></i>
						</template>
						<template v-else>
							<span class="mr-5">收起</span>
							<i class="el-icon-arrow-up"></i>
						</template>
					</div>
				</div>
			</el-col>
		</el-row>
	</el-form>
</div>
	`,
	props: {
		model: {
			type: Object,
			default () {
				return {}
			}
		},
		labelWidth: {
			type: String,
			default: '100px'
		},
		handleSpan: {
			type: Number,
			default: 6
		}
	},
	data() {
		return {
			hide: true
		}
	},
	mounted() {
		console.log(this.$slots);
	}
})


Vue.component('m-title1', {
	template: ` 
<div class="m-title1">
	<div class="left">{{name}}</div>
	<slot name="extra"></slot>
</div>
	 `,
	props: {
		name: {
			type: String,
			default: ''
		}
	}
})

Vue.component('m-radio-group', {
	template: ` 
<div class="m-radio-group">
	<div v-for="(item, index) in list" :key="index" 
		class="item"
		:class="{active: item.value == value}"
		@click="changeChoice(item)">{{item.label}}</div>
</div>
	 `,
	model: {
    prop: 'value',
    event: 'change'
  },
	props: {
		value: {
			type: [String,Number],
			default: ''
		},
		options: {
			type: Array,
			default() {
				return []
			}
		}
	},
	computed: {
		list () {
			return this.options.map(item => {
				return typeof item == 'object' ? item : {
					label: item,
					value: item
				}
			})
		}
	},
	methods: {
		changeChoice(row) {
			this.$emit('change', row.value);
		}
	}
})

Vue.component('m-empty', {
	template: `
<div class="m-empty" :style="{background: background}">
	<img src="./static/image/img20.png"/>
	<span>{{text}}</span>
</div>
  `,
  props: {
  	text: {
  		type: String,
  		default: '暂无数据'
  	},
  	background: {
  		type: String,
  		default: ''
  	}
  }
})

Vue.component('m-tabs', {
	template: ` 
<div class="m-tabs" :class="['type'+type]">
	<div v-for="(item, index) in list" :key="index" 
		class="item"
		:class="{active: item.value == value}"
		@click="changeChoice(item)">{{item.label}}</div>
</div>
	 `,
	model: {
    prop: 'value',
    event: 'change'
  },
	props: {
		value: {
			type: [String,Number],
			default: ''
		},
		options: {
			type: Array,
			default() {
				return []
			}
		},
		type: {
			type: String,
			default: '1'
		}
	},
	computed: {
		list () {
			return this.options.map(item => {
				return typeof item == 'object' ? item : {
					label: item,
					value: item
				}
			})
		}
	},
	methods: {
		changeChoice(row) {
			this.$emit('change', row.value);
		}
	}
})

Vue.component('m-charts', {
	template: ` 
<div ref="mChartRef" class="m-chart-wp" :style="{height: height}">
	<div class="m-chart" ref="chartRef"></div>
</div>
	`,
	props: {
		height: {
			type: String,
			default: '100%'
		},
		options: {
			type: Object
		},
		on: {
			type: [Object, null],
			default: () => (null)
		},
		wait: {
			type: Number,
			default: 0
		}
	},
	data() {
		return {
			timer: null,
			myChart: null,
		}
	},
	watch: {
		options: {
			handler: function (val, oldVal) {
				this.initChart();
			},
			deep: true
		}
	},
	mounted() {
		if(!this.wait) {
			this.initChart();
		} else {
			setTimeout(() => {
				this.initChart();
			}, this.wait);
		}
	},
	beforeDestroy() {
		clearTimeout(this.timer);
	},
	methods: {
		initChart() {
			if(!this.options) {
				return;
			}
			if(!this.myChart && this.$refs.chartRef) {
				this.myChart = echarts.init(this.$refs.chartRef);
				if(this.on) {
					for(let key in this.on) {
						this.myChart.on(key, this.on[key]);
					}
				}
				// 监听尺寸变化
				window.addEventListener('resize', this.debResize);
			}
			if(this.myChart) {
				this.myChart.setOption(this.options, true);
			}
	  },

		debResize() {
			clearTimeout(this.timer);
			this.timer = setTimeout(() => {
				this.myChart.resize();
			}, 100);
		}
	}
})


Vue.component('goods-info', {
	template: `
<div class="goods-info">
	<img :src="data.image"/>
	<div class="right">
		<div class="name">{{data.name}}</div>
		<div class="txt1">{{data.size}}</div>
		<div class="txt1">☆暂无评分</div>
		<div class="txt1">SKU：{{data.SKU}}</div>
		<div class="txt1">SPU：{{data.SPU}}</div>
		<div class="txt1">SKC货号：{{data.SKCNO}}</div>
		<div class="txt1">加入站点时长：{{data.day}}天</div>
	</div>
</div>
	 `,
	props: {
		data: {
			type: Object,
			default() {
				return {}
			}
		}
	}
})

Vue.component('goods-info2', {
	template: `
<div class="goods-info2">
	<img :src="data.mainImageUrl"/>
	<div class="right">
		<div class="name">{{data.productName}}</div>
		<div class="row">
			<div class="label">类目：</div>
			<div class="value">{{data.leafCat.catName}}</div>
		</div>
		<div class="row">
			<div class="label">商品SPU ID：</div>
			<div class="value">{{data.productId}}</div>
		</div>
		<div class="row">
			<div class="label">商品SKC ID：</div>
			<div class="value">{{data.productSkcId}}</div>
		</div>
		<div class="row">
			<div class="label">货号：</div>
			<div class="value" style="color:rgba(0,0,0,.4);">{{data.extCode}}</div>
		</div>
	</div>
</div>
	 `,
	props: {
		data: {
			type: Object,
			default() {
				return {}
			}
		}
	}
})

Vue.component('goods-info3', {
	template: `
<div class="goods-info3">
	<img :src="data.productSkcPicture"/>
	<div class="right">
		<div class="name">{{data.productName}}</div>
		<div class="row">
			<div>{{data.category}}</div>
		</div>
		<div class="row">
			<div class="flex items-center">
				<img style="width:12px;height:12px;margin-right:2px;" src="./static/image/wx.png"/>
				<span>暂无评分</span>
			</div>
		</div>
		<div class="row">
			<div class="label">SKC：</div>
			<div class="value">{{data.productSkcId}}</div>
		</div>
		<div class="row">
			<div class="label">SPU：</div>
			<div class="value">{{data.productId}}</div>
		</div>
		<div class="row">
			<div class="label">SKC货号：</div>
			<div class="value">{{data.skcExtCode}}</div>
		</div>
		<div class="row">
			<div class="label">加入站点时长：</div>
			<div class="value">-天</div>
		</div>
		<div>
			<div class="tab-text">国内备货</div>
			<div class="tab-text">多仓组备货<span>&nbsp;</span></div>
		</div>
	</div>
</div>
	 `,
	props: {
		data: {
			type: Object,
			default() {
				return {}
			}
		}
	}
})

Vue.component('goods-attribute', {
	template: `
<div>
	<div v-for="i in 3" :key="i">
		{{data.productProperties[i-1].propName}}：{{data.productProperties[i-1].propValue}}{{data.productProperties[i-1].numberInputValue}}{{data.productProperties[i-1].valueUnit}}
		<template v-if="i == 3">...</template>
	</div>
	<div>
		<el-link class="text-12 blue-btn" :underline="false">全部</el-link>
	</div>
</div>
	 `,
	props: {
		data: {
			type: Object,
			default() {
				return {}
			}
		}
	}
})


Vue.component('num-type1', {
	template: `
<div :style="{display: 'inline-block', color: type == 1 ? '#F71010' : type == 2 ? '#00BB12' : ''}" :type="type">
	<template v-if="data != 0">
		<svg-icon v-if="typeof data == 'number'" name="down" :style="{transform: type == 1 ? 'rotate(0)' : 'rotate(180deg)'}"></svg-icon>{{data}}%
	</template>
	<template v-else>-</template>
</div>
	 `,
	props: {
		data: {
			type: [String,Number],
			default: ''
		},
		// 1红色上，2绿色下
		type: {
			type: [String,Number],
		}
	}
})

Vue.component('expressive-outcomes', {
	template: `
<div class="expressive-outcomes">
	<div class="content">
		<div class="b-left" style="padding-left:74px;">
	    <div class="text-16 color-gray-800 font-semibold leading-none">{{data.t1}}</div>
	    <div class="text-12 color-gray-600 font-normal" style="margin-top:3px;">{{data.t2}}</div>
	  </div>
	  <div class="b-middle">
	  	<div class="list">
	  		<div v-for="(item, index) in list" :key="index" class="item">
	  			<div class="ct">
	  				<div class="show"
	  					:class="{current: current==index}"
		  				:style="{
		  					width: item.bfb+'%',
		  					background: item.color
		  				}"></div>
		  			<div v-if="current==index" class="num" :style="{left: item.bfb+'%'}"><span>{{data.value}}%</span></div>
	  			</div>
	  			<span class="text" :style="{
	  				color: current==index ? item.color : ''
	  			}">{{item.name}}</span>
	  		</div>
	  	</div>
	  </div>
	  <div class="result-name" :style="{color: colors[current]}">{{list[current].name}}</div>
	  <div class="tips">
	  	<div v-if="current == 0"><span>您距离下一档位</span><span class="t1" style="color:#FB7701;">一般</span><span>还差</span><span class="t2">{{60-data.value}}%</span><span>情况不太妙，要重视起来了！</span></div>
	  	<div v-if="current == 1"><span>您距离下一档位</span><span class="t1" style="color:#FB7701;">良好</span><span>还差</span><span class="t2">{{80-data.value}}%</span><span>继续加油！</span></div>
	  	<div v-if="current == 2"><span>您距离下一档位</span><span class="t1" style="color:#67C23A;">优秀</span><span>还差</span><span class="t2">{{90-data.value}}%</span><span>继续保持！</span></div>
	  	<div v-if="current == 3"><span>售罄指标表现超越了大部分同行，请一直优秀下去！</span></div>
	  </div>
	</div>
</div>
	 `,
	props: {
		data: {
			type: Object,
			default: function () {
				return {
					t1: '',
					t2: '',
					value: 0
				}
			}
		}
	},
	data() {
		return {
			colors: ['#ED1414', '#FB7701', '#FB7701', '#67C23A'],
			current: 0,
			list: [
				{name: '较差', color: '', value: 60, bfb: 0,},
				{name: '一般', color: '', value: 80, bfb: 0,},
				{name: '良好', color: '', value: 90, bfb: 0,},
				{name: '优秀', color: '', value: 100, bfb: 0,},
			]
		}
	},
	mounted() {
		let value = this.data.value;
		if(value < 0) 
			value = 0;
		if(value > 100)
			value = 100;
		let bfb = 0;
		let idx = 0;
		if(value <= 60) {
			idx = 0;
			bfb = 100*value/60;
		} else if (value <= 80) {
			idx = 1;
			bfb = 100*(value-60)/20;
		} else if(value <= 90) {
			idx = 2;
			bfb = 100*(value-80)/10;
		} else if(value <= 100) {
			idx = 3;
			bfb = 100*(value-90)/10;
		}
		let color = this.colors[idx];
		for(let i = 0; i <= idx; i++) {
			this.list[i].color = color;
			if(i == idx) {
				this.list[i].bfb = bfb;
			} else {
				this.list[i].bfb = 100;
			}
		}
		this.current = idx;
	}
})




